<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="head">
        <nav class="navbar navbar-expand-lg head-nav position-fixed">
            <div class="container">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="img/duitang.png" alt=""></a>

                <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                    <li class="nav-item dropdown" id="dt-nav-btn">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            分类
                        </a>
                        <div class="dropdown-menu" id="dt-nav-content" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control" type="search" placeholder="搜索感兴趣的内容" aria-label="Search">
                        <button class="btn btn-outline-success my-2" type="submit"><i class="fas fa-search"></i></button>
                    </form>
                    <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
                        <li class="nav">
                            <a class="nav-link" href="#">堆糖生活家<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav">
                            <a class="nav-link" href="#">注册/登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="advert mt-5 mb-4">
        <div class="container">
            <a href=""></a>
        </div>
    </div>

    <div class="banner mb-5">
        <div class="container">
            <div class="row">
                <div class="col-md-8 wheel col col-12">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <!--<ol class="carousel-indicators">
                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        </ol>-->
                        <div class="carousel-inner">
                            <!--<div class="carousel-item active">
                                <img src="img/box1.png" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="img/box1.png" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="img/box1.png" class="d-block w-100" alt="...">
                            </div>-->

                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="img/banner1.jpeg" alt=""></div>
                                    <div class="swiper-slide"><img src="img/banner2.jpeg" alt=""></div>
                                </div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-pagination"></div>
                            </div>

                        </div>
                       <!-- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>-->
                    </div>
                </div>
                <div class="col-md-4 hotspot col col-12">
                    <div class="hotspot-inner">
                        <h3>社区热点</h3>
                        <p>
                            <a href="">欧美风</a>
                            <a href="">美甲</a>
                            <a href="">东宫</a>
                            <a href="">张云雷</a>
                            <a href="">插画</a>
                            <a href="">女生节</a>
                            <a href="">阿丽塔</a>
                            <a href="">猫</a>
                        </p>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">精选</div>
                                <input type="text" disabled="disabled" class="form-control" placeholder="招募•少女感养成...">
                            </div>
                            <div class="input-group-prepend">
                                <div class="input-group-text">工具</div>
                                <input type="text" disabled="disabled" class="form-control" placeholder="堆糖收图小助手">
                            </div>
                        </div>
                        <div class="row h4">
                            <div class="col col-4 h4-left">
                                <img src="img/hu3.png" alt="">
                            </div>
                            <div class="col col-8 h4-right">
                                <h6><a href="">堆糖•美好生活研究所</a></h6>
                                <p>最佳生活类应用</p>
                                <a href="" class="a">立即下载</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="box">
        <div class="container">
            <div class="row">
                <div class="col col-md-9 fa col-12">
                    <div class="row">
                        <div class="col col-md-2 col-12">
                            <ul>
                                <li>&nbsp;<i>&nbsp;</i> 每日精选</li>
                                <li>&nbsp;<i>&nbsp;</i> 关注动态</li>
                            </ul>
                        </div>
                        <div class="col col-md-10 col-12">
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/head.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img2.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4 xl">
                                        <img src="img/img5.png" alt="">
                                        <span id="dt">更多</span>
                                        <div id="dt-gengduo">今天<br>明天<br>后天</div>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img6.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img7.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img8.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img9.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img10.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img11.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img12.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img13.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/head.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>主题-我曾为你动过情</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>我曾为你动过情</p>
                                    <img src="img/img14.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img10.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">你是我最喜欢的猪</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>登上79所高校学生借阅排行榜的九本书</p>
                                    <img src="img/img16.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img17.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">情写风月</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>799风景内测美化包</p>
                                    <img src="img/img18.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img19.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/img20.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img8.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/one3.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/head.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/one4.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/one5.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/one6.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai">
                                <div class="row">
                                    <div class=" col col-3">
                                        <img src="img/img10.png" alt="">
                                    </div>
                                    <div class=" col col-9">
                                        <h3><a href="">堆糖小喇叭</a></h3>
                                        <p>热门内容</p>
                                    </div>
                                </div>
                                <div class="center">
                                    <p>留下壁纸，我们就是朋友</p>
                                    <img src="img/one7.png" alt="">
                                </div>
                                <div class="row bottom">
                                    <div class=" col col-4">
                                        <img src="img/img3.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img4.png" alt="">
                                        <span>234</span>
                                    </div>
                                    <div class=" col col-4">
                                        <img src="img/img5.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                            <div class="kuai gengduo">
                                <p><a href="">更多内容</a></p>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col col-md-3 fat col-12">
                    <div class="fatt">
                        <div class="h3">
                            <div class="p">
                                <h2>推荐关注</h2>
                                <span><a href="">换一批</a> </span>
                            </div>
                            <div class="day">
                                <div class="a row">
                                    <div class=" col col-4">
                                        <img src="img/two9.jpeg" alt="">
                                    </div>
                                    <div class="con col col-6">
                                        <a href="">一望损莓苔</a>
                                        <span>擅长领域:手工,园艺</span>
                                    </div>
                                    <div class="col col-3">
                                        <button>关注</button>
                                    </div>
                                </div>
                                <div class="a row">
                                    <div class="col col-4">
                                        <img src="img/two10.png" alt="">
                                    </div>
                                    <div class="col con col-6">
                                        <a href="">猫头鹰叔叔</a>
                                        <span>擅长领域:摄影</span>
                                    </div>
                                    <div class="col col-3">
                                        <button>关注</button>
                                    </div>
                                </div>
                                <div class="a row">
                                    <div class="col col-4">
                                        <img src="img/two11.jpeg" alt="">
                                    </div>
                                    <div class="col con col-6">
                                        <a href="">兔纸鱼</a>
                                        <span>擅长领域:Q版</span>
                                    </div>
                                    <div class="col col-3">
                                        <button>关注</button>
                                    </div>
                                </div>
                                <div class="a row">
                                    <div class="col col-4">
                                        <img src="img/two12.jpeg" alt="">
                                    </div>
                                    <div class="col con col-6">
                                        <a href="">小熊奶黄包</a>
                                        <span>擅长领域:壁纸,Q版</span>
                                    </div>
                                    <div class="col col-3">
                                        <button>关注</button>
                                    </div>
                                </div>
                            </div>
                            <a href="" class="hu">查看更多></a>
                        </div>
                    </div>
                    <div class="h4 mt-4">
                        <img src="img/two13.jpeg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="row mb-4">
                <div class="col col-3 two">
                    <h3>APP下载</h3>
                    <img src="img/two6.png" alt="">
                    <p>扫描二维码</p>
                    <p>下载堆糖手机客户端</p>
                </div>
                <div class="col col-3">
                    <h3>关于我们</h3>
                    <ul>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">商务合作</a></li>
                    </ul>
                </div>
                <div class="col col-3">
                    <h3>关注我们</h3>
                    <ul>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">微信公众号</a></li>
                    </ul>
                </div>
                <div class="col col-3">
                    <h3>友情链接</h3>
                    <ul>
                        <li>
                            <div class="row">
                                <div class="col-1"></div>
                                <div class="col-md-5 col-12"><a href="">爱物网</a></div>
                                <div class="col-md-5 col-12"><a href="">东方女性</a></div>
                                <div class="col-md-1"></div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-1"></div>
                                <div class="col-md-5 col-12"><a href="">肉丁网</a></div>
                                <div class="col-md-5 col-12"><a href="">更多...</a></div>
                                <div class="col-1 col-12"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <p class="pp">©2019 duitang.com 版权所有。<a href="">沪ICP备10038086号-3</a> <img src="img/two7.png" alt=""> | 增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
            <p class="pp"><img src="img/two8.png" alt=""><a href="">上海市互网联违法和不良信息举报中心</a>  | 有害内容举报电话：021-63462282</p>
        </div>
    </div>



    <div id="toTop">↑</div>


    <script src="js/index.js"></script>
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            loop:true,

            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            speed:300,
            autoplay : {
                delay:3000
            },
            pagination: {
                el: '.swiper-pagination',
            },
        });
    </script>
</body>
</html>